/*
Theme Name: IT Montenengro
Theme URI:  http://www.it-montenengro.coom
Description: The IT Montenengro Theme.
Version: 1.0
Author: Theme Developed by: NU SIT BAr
Author URI: mailto: ikukic@yahoo.com
Tags: 
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    margin:0;
    padding:0
}

ol,ul {
    list-style:none
}       
blockquote,q {
    quotes:none
}
:focus {
    outline:0
}      
del {
    text-decoration:line-through
}         
table {
    border-collapse:collapse;
    border-spacing:0
}       
.clear {
    clear:both
}

/*
+  CLEAR FLOATS
---------------------------------------------------------------------------- */

.clearfix:after { 
    content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.clearfix {    
    display: inline-block;
}
/* Hides from IE-mac \*/ * html .clearfix { height: 1%;}
.clearfix {
    display: block;
}
.spacer{
    width: 100%;
    height: 0;
    background: none;
    clear: both;
}

html {
    font-family: Arial, Helvetica;
    font-size: 13px;
    color: #FFF;
}  
body {  
    background: url(../img/it-montenegro-bg.jpg) no-repeat center top transparent;
    width: 100%;   
}
h1{
    color: #FFF; 
    /*text-shadow:1px 1px 1px #dedede; */   
    font-size: 48px;
    line-height: 40px;
    height: 40px;
    display: none;
}
h3{
    color: #eb148b;
    margin-top: 7px;
    margin-bottom: 18px; 
    font-weight: bold;
    font-size: 18px;
    display: none;   
} 
h5{
    padding-bottom: 13px;
}   
a{
    color:#fff;
    text-decoration:none
}
p{
    line-height: 17px;
    text-shadow: 1px 1px 1px #1B1B1B;
}                  

/***  HEADER ***/
#logo{
    width:920px;
    margin:0 auto;  
    text-align: center;
    margin-top: 58px; 
    margin-bottom: 30px;
}
.radius{
    border-radius:2px;
    overflow: hidden; 
}
.shadow{
    -moz-box-shadow:    0 0 10px #000000; 
    -webkit-box-shadow: 0 0 10px #000000; 
    box-shadow:         0 0 10px #000000; 
}
.shadow5{
    -moz-box-shadow:    0 0 5px #666; 
    -webkit-box-shadow: 0 0 5px #666; 
    box-shadow:         0 0 5px #666; 
}
.nobg{
    background: none;
}
.nobd{
    border: none !important;
}
#flags, #info{
    position:absolute;
    top: 66px;
    right: 5px;
    background: url(../img/header-bg.png) no-repeat left top transparent;
    height: 35px;
    line-height: 35px;
    width: 250px;
}
#info{
    left: 5px; 
}
#flags ul li{
    float: left    
}
#flags ul li a{
    display: block;
    margin-left: -2px;
    padding-top: 6px;
}
#flags ul li{

}
#flags p{
    float: right;
}
#flags ul {
    float: left;
    margin-left: 23px;
}
#flags p, #info p{
    padding: 0 33px 0 22px;
    line-height: 35px;
    font-weight: bold;
}
#info p{
    padding: 0 0 0 33px;
    font-weight: bold;
}

/*** MAINMENU ***/
#mainmenu{
    width:920px;
    height: 37px;
    margin:0 auto;  
    background: #c8c8c8;
    margin-top: 41px; 
}
#mainmenu ul li{
    float: left;
}  
#mainmenu ul li a {
    background: url(../img/menubg.png) no-repeat left top transparent; ;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 37px;
    line-height: 37px;
    text-align: center;
    text-transform: uppercase;
    width: 229px;
    margin-right: 2px;
    text-indent: -9999px;
}
#mainmenu ul li a.rentacar-link{
    background-position: 0 0;
}
#mainmenu ul li a.excursions-link{
    background-position: -231px 0;
}
#mainmenu ul li a.accommodations-link{
    background-position: -462px 0;
}
#mainmenu ul li a.business-link{
    background-position: -693px 0;
}
#mainmenu ul li a.rentacar-link:hover, #mainmenu ul li.active a.rentacar-link{
    background-position: 0 -38px;
}
#mainmenu ul li a.excursions-link:hover, #mainmenu ul li.active a.excursions-link{
    background-position: -231px -38px;
}
#mainmenu ul li a.accommodations-link:hover, #mainmenu ul li.active a.accommodations-link{
    background-position: -462px -38px;
}
#mainmenu ul li a.business-link:hover, #mainmenu ul li.active a.business-link{
    background-position: -693px -38px;
}
#mainmenu ul li a.last{
    margin-right: 0;
    width: 227px;
}

/***  BODY ***/
.wrapper{
    width:920px;
    margin:0 auto;
    background: url(../img/background-trans.png) repeat left top transparent;
    margin-top: 12px; 
}
#body{
    padding: 35px 36px 35px 40px;
}
.platform{
    padding-bottom: 38px;
    position: relative;
}
.platform a.more{
    padding-left: 3px;
    color:#4bbfef;
    font-weight:bold;
    font-style:italic
}
.platform a.more:hover{
    text-decoration: underline;
}
.accommodations-color{
    color:#0cc7f1 !important; 
}
.excursions-color{
    color:#0fee73 !important; 
}
.rentacar-color{
    color:#c611e7 !important; 
}
.bussines-color{
    color:#e1128e !important;
}
.pfixh1{
    position: relative;
    margin-left: -3px;
}
.platform .demo{
    position: absolute;
    top:38px;
    right: 0;
    width: 141px;
    height: 34px;
    overflow: hidden;
    background-position: 0 0;
    text-indent: -9999px;
}
.platform .rentacar-demo{
    background: url(../img/rentacar-demo.png) no-repeat 0 0 transparent;
}
.platform .excursions-demo{
    background: url(../img/excursions-demo.png) no-repeat 0 0 transparent;
}
.platform .accommodations-demo{
    background: url(../img/accommodations-demo.png) no-repeat 0 0 transparent;
}
.platform .demo:hover{
    background-position: 0 -33px;
}
.platform p{
    /*width: 675px;*/
}

/*PLATFORMS*/
.contect-text{
    /*margin-top: 13px;*/
}
.contect-text h1{
    font-size: 24px;
    margin-top: 26px;
    height: 35px;
    line-height: 35px;
}
.contect-text h3{
    margin-top: -7px !important;
}
.contect-text a{
    color:#4bbfef;
    font-weight:bold;
    font-style:italic
}
.contect-text a:hover{
    text-decoration: underline;
}
.rentacar-content a, .rentacar-content h3 {
    color:#C611E7 
}
.excursions-content a, .excursions-content h3{
    color:#0FEE73 
}
.accommodations-content a, .accommodations-content h3{
    color:#4BBFEF 
}
.terms-content a{
    color:#E1128E 
}
.cms-content a, .cms-content h3{
    color:#a8d681 
}

#page_rentacar #top-link {
    background: #C611E7;
}
#page_excursions #top-link {
    background: #0FEE73;
}
#page_accommodations #top-link {
    background: #0CC7F1;
}
#page_terms #top-link {
    background: #E1128E;
}
#page_home #top-link {
    background: #404041;
}
#page_cms #top-link {
    background: #a8d681;
}

/*BANNERS*/
#banner{
    height:157px
}
.banner1, .banner2{
    width: 400px;
    height:116px
}
.banner1{
    margin:20px 0 0 40px;
}
.banner2{
    margin:20px 36px 0 0 ;
}
.banner1, .contect-banner1{
    float: left;
}
.banner2, .contect-banner2{
    float: right;
}
.banner1{
    margin-right: 40px;
}
.nivo-caption{
    display: none !important;
}

/*FOOTER*/
#footer{
    height: 60px;
    padding: 0 36px 0 40px; 
}
#footer ul.catalogue{
    float: right;
    margin-top: 5px;
}
#footer ul.catalogue li{
    background: url(../img/pdf.png) no-repeat left top transparent;
    float: left;
    padding: 14px 0 13px 55px;
    line-height: 13px;
}
#footer ul.catalogue li.flyer{
    background: url(../img/flyer.png) no-repeat left top transparent;
    margin-left: 23px;
}
#footer ul.address li{
    float: left;
    line-height: 60px;
    padding-right: 28px;
    font-weight: bold;
}
#signiture{
    width:920px;
    margin:0 auto;
    text-align: center;
    margin-bottom: 50px;
    display: block;
    margin-top: 5px;
    color: #333333;
}
#signiture a{
    color: #333333; 
}
#footer a:hover, #signiture a:hover{
    text-decoration: underline;
}

/*EDITOR STYLE*/
#body p {
    /*margin-bottom: 1.625em;*/
}
#body ul, #body ol {
    margin: 0.7em 0 1.625em 2.5em;
    padding: 0;
}
#body ul {
    list-style: square outside none;
}
#body ol {
    list-style-type: decimal;
}
#body ol ol {
    list-style: upper-alpha outside none;
}
#body ol ol ol {
    list-style: lower-roman outside none;
}
#body ol ol ol ol {
    list-style: lower-alpha outside none;
}
#body ul ul, #body ol ol, #body ul ol, #body ol ul {
    margin-bottom: 0;
}
#body dl {
    margin: 0 1.625em;
}
#body dt {
    font-size: 15px;
    font-weight: bold;
}
#body dd {
    margin: 0 0 1.625em;
}
#body li {
    line-height: 19px;
}
#body strong {
    font-weight: bold;
}
#body cite, #body em, #body i {
    font-style: italic;
}
#body cite {
    border: medium none;
}
#body big {
    font-size: 131.25%;
}
#body pre {
    background: none repeat scroll 0 0 #F4F4F4;
    margin-bottom: 1.625em;
    padding: 0.75em 1.625em;
}
pre {

    background: none repeat scroll 0 0 #E77817;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.5em;
    margin-bottom: 1.625em;
    padding: 0.33em 1.025em;
}
#body .contect-text pre{
    background: none repeat scroll 0 0 transparent;
    font-size: 17px;
    font-weight: bold;
    line-height: 23px;
    margin-top: 23px;
    padding: 0 10px;
    text-shadow: 1px 1px 1px #1b1b1b;
    font-style: italic;
}
#body .rentacar-content pre{
    background-color: #C611E7;
}
#body .excursions-content pre{
    background-color: #0FEE73;
}
#body .accommodations-content pre{
    background-color: #0CC7F1;
}
#body .terms-content pre{
    background-color: #E1128E;
}
#body .cms-content pre{
    background-color: #a8d681;
}
#body code, #body kbd, #body code var {
    font: 13px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
}
#body abbr, #body acronym, #body dfn {
    border-bottom: 1px dotted #666666;
    cursor: help;
}

/*PRO GALLERY*/
#pro-gallery{
    margin-top:23px  
}
#pro-gallery .item{
    border: 2px solid #dedede;
    padding:2px;
    margin-bottom:11px
}
.pro-gallery-text{
    width:490px !important;
}
#pro-gallery .item a{
    display:block
}
#pro-gallery .last{
    margin-bottom: 0 !important;
}
.contact_info .left_1{
    float:left;
    margin: 57px 0 0 30px;
}
.contact_info .info-text{
    text-align: center;
    padding:20px 0 0 0;
    width:270px;
    font-size: 15px;
}
.contact_info .info-text p{
    padding-bottom:13px;
    line-height: 15px;
}
.contact_info .left_2{
    float:left;
    margin: 67px 0 0 67px;
}
#contact_form{
    background: #cccccc;
    width:609px;
    height:210px;
    padding: 35px 31px 23px 52px
}
#contact_info{
    padding:0;
    margin:0 
}
#contact_info dt, #contact_info dd{
    float: left;
}
#contact_info dl{
    padding-bottom:33px;
    margin-right:0
}
#contact_info dd{
    margin:0
}
#contact_info dt{
    width:130px;
    text-align: right;
    font-size: 12px;
    line-height: 21px;
    padding-right:7px
}
#contact_info dl.notice dt, #contact_info dl.notice dd{
    float:none;
}
#contact_info dl.notice{
    margin:-7px 0 0; 
    position: absolute;
}
#contact_info dl.notice dt{
    text-align: left;
}
#contact_form h4{
    text-transform: uppercase;
    font-size: 17px;
    color:#333333
}
#contact_form .ff_title, #contact_form .ff_content{     
    float:left            
}
#contact_form .ff_content{
    width:459px
}
.p_contact_info input{
    width:294px
}
.p_contact_info textarea{
    width:602px;
    height:55px
}
#contact_form b.required, #contact_form .note-asterisk {
    color: #333333;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 0 -11px;
    padding: 0 5px 0 0;
}
.error{
    border:1px solid red !important;
} 
#pro-documents li{
    list-style-type: none;
    padding: 7px 0;
}
#pro-documents li a{
    color:#333;
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 25px;
    padding-left:13px
}
#pro-documents li span{
    position: absolute;
    top:-4px;
    left:-23px
}
#pro-documents ul{
    margin-left: 1.7em;
}
.bgwhite{
    background: url(../img/background-trans-white.png) repeat !important;
    background: #FFF !important;
}
/*CONTACT FORM STYLE*/

.contact_form{
    background: none;
    width:844px; 
}
.contact_form .form_inner{
    padding: 35px 31px 23px 52px; 
    padding: 35px 0 23px 0; 
}
.contact_form .form_title{
    color: #FFF;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
}
.contact_form .form_contacts{
    float: right;
    width: 51.4%;
}
.contact_form b.required, .contact_form .note-asterisk {
    color: #FFF;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 0 -11px;
    padding: 0 5px 0 0;
}
.contact_form label{
    line-height: 21px;
    text-align: right;
    font-weight: bold;
    display: block;
    float: left;
    width: 130px;
    margin-right: 5px;
}
.contact_form .input_text{
    width: 294px;
}
.contact_form .form_line{
    margin-bottom: 13px;
}
.contact_form .last{
    margin-bottom: 0;
}
.contact_form textarea {
    height: 55px;
    width: 844px;
}
.contact_form .submit, .contact_form .explanded {
    float: right;
}
.contact_form .form_submit .explanded {
    height: 29px;
    line-height: 29px;
    margin-right: 20px; 
}
.contact_form .form_submit input {
    background-color: #333;

    background-image: linear-gradient(bottom, rgb(77,77,77) 11%, rgb(41,41,41) 53%);
    background-image: -o-linear-gradient(bottom, rgb(77,77,77) 11%, rgb(41,41,41) 53%);
    background-image: -moz-linear-gradient(bottom, rgb(77,77,77) 11%, rgb(41,41,41) 53%);
    background-image: -webkit-linear-gradient(bottom, rgb(77,77,77) 11%, rgb(41,41,41) 53%);
    background-image: -ms-linear-gradient(bottom, rgb(77,77,77) 11%, rgb(41,41,41) 53%);

    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.11, rgb(77,77,77)),
    color-stop(0.53, rgb(41,41,41))
    );

    border-radius:2px;

    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 29px;
    line-height: 29px;
    text-align: center;
    text-transform: uppercase;
    width: 119px !important;
}         

/*END OF CONTACT FORM STYLE*/

#top-link    { 
    background: none #C611E7;
    color: #FFFFFF;
    display: none;
    font-weight: bold;
    padding: 5px;
    text-decoration: none;
    position: fixed !important;
    top: 105px !important;
    left: 5px !important;
    width: 40px;
    height: 40px;    
}